<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>西大网上书店</title>
</head>
<body style="background-image:url('./upload/2.jpg') ">
<div style="height:330px;width:500px;border-radius:10%;margin-top:15%;margin-left:10%;background-color:#E2E1DC;opacity: 0.8 ">
    <div style="width:70%;float:left;text-align: center">
        <div style="padding-left:17%"><h2>西 南 大 学 网 上 书 店 登 录</h2></div>
        <form action="./login" method="post">
            <label>
                用户：
                <input type="text" name="user">
            </label><br><br>
            <label>
                密码：
                <input type="password" name="pass">
            </label>
            <br><br>
            <label>
                验证码：
                <input type="text" name="code">&nbsp;&nbsp;<br><br>
                <img class="auth-code" src="./authcode"  alt=""/>
            </label>
            <br><br>
            <input type="submit" value="登 录 系 统" style="background-color: #AFAA98;
                    color: white; /* 白色文字 */
                    padding: 10px; /* 内边距 */
                    border: none; /* 无边框 */
                    border-radius: 20%; /* 圆形边框 */
                    width: 100px; /* 宽度 */
                    height: 50px; /* 高度 */
                    cursor: pointer; /* 鼠标悬停时显示指针 */
            ">
        </form>
    </div>
</div>
</body>
</html>